<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>行高设置</title>
    <style type="text/css">
        .small{
            line-height:24px;
            color:rgb(255,0,0);
        }
        .big{
            line-height:2em;
            color:#800000;
        }
    </style>
</head>
<body>
    <p>
        这是拥有标准行高的段落。
        在大多数浏览器中默认行高大约是 20px。
        这是拥有标准行高的段落。
        这是拥有标准行高的段落。
        这是拥有标准行高的段落。
        这是拥有标准行高的段落。
        这是拥有标准行高的段落。
        这是拥有标准行高的段落。
    </p>

    <p class="small">
        这个段落拥有更小的行高。
        这个段落拥有更小的行高。
        这个段落拥有更小的行高。
        这个段落拥有更小的行高。
        这个段落拥有更小的行高。
        这个段落拥有更小的行高。
        这个段落拥有更小的行高。
        这个段落拥有更小的行高。
    </p>

    <p class="big">
        这个段落拥有更大的行高。
        这个段落拥有更大的行高。
        这个段落拥有更大的行高。
        这个段落拥有更大的行高。
        这个段落拥有更大的行高。
        这个段落拥有更大的行高。
        这个段落拥有更大的行高。
        这个段落拥有更大的行高。
    </p>
</body>
</html>